<template>
  <div class="oms-table-title-box">
    <div class="oms-table-title-label">
      {{ title }}
      <slot name="after-title" />
    </div>
    <slot />
  </div>
</template>

<script setup>
defineProps({
  title: { type: String, default: '' }
});
</script>

<style lang="scss" scoped>
.oms-table-title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px !important;
  width: 100%;
  line-height: 32px;
  :deep(.el-button) {
    margin-bottom: 0 !important;
  }
}
.oms-table-title-label {
  font-weight: bold;
  font-size: 20px;
  display: flex;
  align-items: center;
}
</style>
